<%-- 
    Document   : ChiTietSanPhamContent
    Created on : Nov 16, 2011, 8:06:03 PM
    Author     : NguyenKhoi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>
<!DOCTYPE html>


<div class="roundBox" id="productDetailDiv">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="68%" class="border-right" style="padding:10px">
                <h4>Apple iPad Camera Connection Kit</h4>
                <p>The iPad Camera Connection Kit gives you two ways to import photos and videos from a digital camera: using your camera's USB cable or directly from an SD card. iPad and the Camera Connection Kit support standard photo formats, including JPEG and RAW, along with SD and HD video formats, including H.264 and MPEG-4. </p>
            </td>
            <td width="32%" style="padding:10px">
                <div class="productPrice">$29.00</div>
                <div class="instock">In stock</div>
                <div><input style="width:117px; height:28px;" name ="btnAddToCard" type="image" id="btnAddToCard" src='images/btnAddToCart.png' alt="AddToCart" />
                </div>
                <div class="line"></div>
                <div id="materialDiv" >
                    <h4>Material</h4>
                    <form id="form1" name="form1" method="post" action="">
                        <input type="radio" name="material" id="radio" value="radio" />
                        <label for="radio">Leather</label>
                        <br/>
                        <input type="radio" name="material" id="radio2" value="radio2" class="material" />
                        <label for="radio2">Polyurethane</label>
                    </form>
                </div>
                <div class="line"></div>
                <div id="productcolorDiv"> 
                    <h4>Color</h4>
                    <img src="images/productColorGray.png"/><input name="productColor" type="radio" value="" />
                    <img src="images/productColorPink.png"/><input name="productColor" type="radio" value="" />
                    <img src="images/productColorBlue.png"/><input name="productColor" type="radio" value="" />
                </div>    
            </td>
        </tr>
    </table>

</div>
<div id="screenshotDiv">
    <div class="boxHeader largeHeader"><span>Screen shot</span></div>
    <div id="screenshotContent" class="roundBoxBottom">
        <a href="images/MD306.jpg" class="nivoZoom center">
            <img src="images/MD306.jpg" class="smallImage" alt="image"/>
        </a>
        <a href="images/MD306_AV1_BLACK.jpg" class="nivoZoom center">
            <img src="images/MD306_AV1_BLACK.jpg" class="smallImage" />
        </a>
        <a href="images/MD306_AV1_WHITE.jpg" class="nivoZoom center">
            <img src="images/MD306_AV1_WHITE.jpg" class="smallImage" />
        </a>
    </div>
</div>

<div id="overviewDiv">
    <div class="boxHeader largeHeader"><span>Overview</span></div>
    <div id="overviewContent" class="roundBoxBottom">
        Overview content
    </div>
</div>

<div id="binhLuanDiv">
    <div class="boxHeader largeHeader"><span>Comments</span></div>
    <div id="binhLuanDivContent" class="roundBoxBottom">
        <ul class="listComment">
            <li class="singleComment">
                <div class="commentHeader">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="72%" align="left">nnkhoi</td>
                            <td width="28%" align="right">12/10/2011 </td>
                        </tr>
                    </table>
                </div>
                <div class="commentContent">dddddd</div>
            </li>
        </ul>

        <div class="line"></div>
        
        <form id="form2" name="form2" method="post" action="">
            <table width="100%" border="0" cellspacing="3" cellpadding="0">
                <tr>
                    <td width="7%" align="left">Name</td>
                    <td width="1%">&nbsp;</td>
                    <td width="92%"><label for="hoTen"></label>
                        <input name="hoTen" type="text" id="hoTen" maxlength="50" /></td>
                </tr>
                <tr>
                    <td align="left">Email</td>
                    <td>&nbsp;</td>
                    <td><label for="email"></label>
                        <input type="text" name="email" id="email" /></td>
                </tr>
                <tr>
                    <td align="left">Content</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3"><textarea cols="75" id="commentEditor" name="commentEditor" rows="10"></textarea></td>
                </tr>
                <tr>
                    <td colspan="3" align="center"><p><input type="submit" name="btnBinhLuan" id="btnBinhLuan" value="Comment" /></p></td>
                </tr>
            </table>
        </form>
    </div>
</div>
<ckeditor:replace replace="commentEditor" basePath="ckeditor" />